
<%@ page import="icontrolv2.Proyecto" %>
<!doctype html>
<html>
	<head>
		<meta name="layout" content="main">
		<g:set var="entityName" value="${message(code: 'proyecto.label', default: 'Proyecto')}" />
		<title><g:message code="default.show.label" args="[entityName]" /></title>
                <script type="text/javascript">
                $(document).ready(function(){  
                    $(".agregar_tag").fancybox({  
                        'autoScale'     : true,
                        'modal'         : false,
                        'type'          : 'inline'
                    });
                });
                </script>
	</head>
        
	<body>
                <script type="text/javascript">
                  function cargarTareas(){
                    var _query = $("#nombre_tarea_padre").val();
                    
                    $.ajax({
                      url: "/IControlV2/tarea/buscarTareasNombre?q=" + _query + "&proyectoId=${proyectoInstance.id}"
                      ,type: "GET"
                      ,dataType: "html"
                      ,beforeSend: function(objeto){
                                      $("#lista_de_tareas").html('<img src="${resource(dir: 'images', file: 'ajax-loader.gif')}" />').delay(50000);
                                   }
                      ,success: function(datos){
                                  $("#lista_de_tareas").html(datos);
                                }
                    });
                  }
                  
                  function cargarTareasFueraPlazo(){
                    var _query = $("#nombre_tarea_padre").val();
                    
                    $.ajax({
                      url: "/IControlV2/tarea/buscarTareasFueraPlazo?proyectoId=${proyectoInstance.id}"
                      ,type: "GET"
                      ,dataType: "html"
                      ,beforeSend: function(objeto){
                                      $("#lista_de_tareas").html('<img src="${resource(dir: 'images', file: 'ajax-loader.gif')}" />');
                                   }
                      ,success: function(datos){
                                  $("#lista_de_tareas").html(datos);
                                }
                    });
                  }
                  
                  function limpiarTareas(){
                    $("#nombre_tarea_padre").val('');
                    
                    $.ajax({
                      url: "/IControlV2/tarea/buscarTareasNombre?q=&proyectoId=${proyectoInstance.id}"
                      ,type: "GET"
                      ,dataType: "html"
                      ,beforeSend: function(objeto){
                                      $("#lista_de_tareas").html('<img src="${resource(dir: 'images', file: 'ajax-loader.gif')}" />').delay(50000);
                                   }
                      ,success: function(datos){
                                  //alert(datos);
                                  $("#lista_de_tareas").html(datos);
                                }
                    });
                  }
                  
                  function cargarTareasPadre(_idPadre){
                    $.ajax({
                      url: "/IControlV2/tarea/buscarTareasPadre?idPadre=" + _idPadre + "&proyectoId=${proyectoInstance.id}"
                      ,type: "GET"
                      ,dataType: "html"
                      ,beforeSend: function(objeto){
                                      $("#lista_de_tareas").html('<img src="${resource(dir: 'images', file: 'ajax-loader.gif')}" />').delay(50000);
                                   }
                      ,success: function(datos){
                                  //alert(datos);
                                  $("#lista_de_tareas").html(datos);
                                }
                    });
                  }
                  
                  $(document).ready(function(){
                      cargarTareas();
                    }
                  );  
                </script> 
		<a href="#show-proyecto" class="skip" tabindex="-1"><g:message code="default.link.skip.label" default="Skip to content&hellip;"/></a>
		<div class="nav" role="navigation">
			<ul>
				<li><a class="home" href="${createLink(uri: '/')}"><g:message code="default.home.label"/></a></li>
				<li><g:link class="list" action="list"><g:message code="default.list.label" args="[entityName]" /></g:link></li>
				<li><g:link class="create" action="create"><g:message code="default.new.label" args="[entityName]" /></g:link></li>
			</ul>
		</div>
                
                <div id="show-proyecto" class="content scaffold-show" role="main" style="position: relative;">
                        <h1><g:message code="default.show.label" args="[entityName]" /></h1>
			<g:if test="${flash.message}">
			<div class="message" role="status">${flash.message}</div>
			</g:if>
                        
                        <g:if test="${flash.error}">
                          <div class="errors message" role="status">${flash.error}</div>
                        </g:if>
                        
			<ol class="property-list proyecto">
                          
                                <g:if test="${proyectoInstance?.nombre}">
				<li class="fieldcontain">
					<span id="nombre-label" class="property-label"><g:message code="proyecto.nombre.label" default="Nombre" /></span>
					
						<span class="property-value" aria-labelledby="nombre-label"><g:fieldValue bean="${proyectoInstance}" field="nombre"/></span>
					
				</li>
				</g:if>
			
				<g:if test="${proyectoInstance?.cliente}">
				<li class="fieldcontain">
					<span id="cliente-label" class="property-label"><g:message code="proyecto.cliente.label" default="Cliente" /></span>
					
						<span class="property-value" aria-labelledby="cliente-label"><g:link controller="cliente" action="show" id="${proyectoInstance?.cliente?.id}">${proyectoInstance?.cliente?.nombre}</g:link></span>
					
				</li>
				</g:if>
			
				<g:if test="${proyectoInstance?.descripcion}">
				<li class="fieldcontain">
					<span id="descripcion-label" class="property-label"><g:message code="proyecto.descripcion.label" default="Descripcion" /></span>
					
						<span class="property-value" aria-labelledby="descripcion-label"><g:fieldValue bean="${proyectoInstance}" field="descripcion"/></span>
					
				</li>
				</g:if>
			
				<g:if test="${proyectoInstance?.estado}">
				<li class="fieldcontain">
					<span id="estado-label" class="property-label"><g:message code="proyecto.estado.label" default="Estado" /></span>
					
						<span class="property-value" aria-labelledby="estado-label">${proyectoInstance?.estado?.nombre}</span>
					
				</li>
				</g:if>
			
				<g:if test="${proyectoInstance?.fechaInicio}">
				<li class="fieldcontain">
					<span id="fechaInicio-label" class="property-label"><g:message code="proyecto.fechaInicio.label" default="Fecha Inicio" /></span>
					
						<span class="property-value" aria-labelledby="fechaInicio-label"><g:formatDate format="dd-MM-yyyy" date="${proyectoInstance?.fechaInicio}" /></span>
					
				</li>
				</g:if>
                          
                                <li class="fieldcontain">
					<span id="fechaTermino-label" class="property-label"><g:message code="proyecto.fechaTermino.label" default="Fecha Termino" /></span>
					
						<span class="property-value" aria-labelledby="fechaTermino-label"><g:formatDate format="dd-MM-yyyy" date="${proyectoInstance?.fechaTermino}" /></span>
					
				</li>

                <g:if test="${proyectoInstance?.getValor()}">
                    <li class="fieldcontain">
                        <span id="valor-label" class="property-label"><g:message code="proyecto.valor.label" default="Valor" /></span>

                        <span class="property-value" aria-labelledby="valor-label">$<g:formatNumber type="number" number="${(proyectoInstance?.getValor())}" format="#" /></span>

                    </li>
                </g:if>
                                
                                <li class="fieldcontain">
                                  <span class="property-value"><g:link class="ver_tarea" controller="tarea" params="[proyectoId:proyectoInstance.id]" action="create" id="" >Agregar Tareas</g:link>					</span>					
				</li>
                                
                                <li class="fieldcontain">
                                  <span class="property-value"><g:link class="facturar" controller="facturar" params="[proyectoId:proyectoInstance.id, clienteId: proyectoInstance.cliente.id]" id="" >Facturar Proyecto</g:link>					</span>
				</li>
                                
                                <li class="fieldcontain">
                                  <span id="fechaTermino-label" class="property-label">
                                    Adjuntar archivo al proyecto
                                  </span>
                                  <span class="property-value">
                                    <g:if test="${flash.errorAdjuntar}">
                                      <ul class="errors message">
                                        <li>${flash.errorAdjuntar}</li>
                                      </ul>
                                    </g:if>
                                    <g:uploadForm controller="proyecto" action="adjuntarArchivo" name="adjuntar_archivo_proyecto">
                                      <input type="file" name="ruta_archivo" />                                        
                                      <g:hiddenField name="proyecto_id" value="${proyectoInstance?.id}" />
                                      <input type="submit" name="adjuntar" class="edit" value="Adjuntar Archivo" />
                                    </g:uploadForm>                                  
                                  </span>
				</li>
			
			</ol>
			<g:form>
				<fieldset class="buttons">
					<g:hiddenField name="id" value="${proyectoInstance?.id}" />
					<g:link class="edit" action="edit" id="${proyectoInstance?.id}"><g:message code="default.button.edit.label" default="Edit" /></g:link>
					<g:actionSubmit class="delete" action="delete" value="${message(code: 'default.button.delete.label', default: 'Delete')}" onclick="return confirm('${message(code: 'default.button.delete.confirm.message', default: 'Are you sure?')}');" />
                                        <g:link class="edit" action="agregarTag" class="agregar_tag" id="${proyectoInstance?.id}">Agregar Tag</g:link>
				</fieldset>
			</g:form>
                        
                        <div style="height: 10px;"></div>
                        
                        <div id='graficoTareas' align='center'></div>
                        <div id='chart_div' align='center'></div>
                        <script type='text/javascript'>
                        var chart_graficoTareas = new FusionCharts("${resource(dir: 'fusioncharts/charts/', file: 'Pie2D.swf')}", "graficoTareas", "98%", "200", "false", "false");
                        chart_graficoTareas.setDataXML("${stringGrafico}");
                        chart_graficoTareas.render("graficoTareas");
                        </script>
                        
                        <h1>Lista de Tareas</h1>
                        
                        <div style="height: 10px;"></div>
                        
                        <div style="margin-left: 21px;">
                          <input type="text" size="60" id="nombre_tarea_padre" />
                          <input type="button" value="Buscar Tareas" onclick="cargarTareas()" />
                          <input type="button" value="Limpiar Lista" onclick="limpiarTareas()" />
                          <input type="button" value="Mostar Tareas fuera de Plazo" onclick="cargarTareasFueraPlazo()" />
                          </div>                        
                        
                        <div style="height: 10px;"></div>
                        <div style="margin-left: 21px;">
                          <img src="${resource(dir: 'images', file: 'img_tarea_atrasada.png')}" />&nbsp;&nbsp;Tarea Atrasada*
                        </div>
                        <div style="height: 10px;"></div>
                        
                        <div id="lista_de_tareas" align="center"></div>
                        
                        <h1>Archivos adjuntos del proyecto</h1>                                    
                        <table>
                          <tr>
                            <th>Nombre Archivo</th>
                            <th>Tipo mime</th>
                          <th></th>
                          </tr>
                          <g:each in="${proyectoInstance.archivos}" status="i" var="archivo">
                          <tr>
                            <td>${archivo.nombre}</td>
                            <td>${archivo.mime}</td>
                            <td>
                              <a href="/IControlV2/archivos/${archivo.nombre}" target="blank">Descargar Archivo</a>
                            </td>
                          </tr>
                          </g:each>
                        </table>
                        
                        
                        <h1>TAGS</h1>                                    
                        <table>
                          <tr>
                            <th>Nombre</th>
                          <th></th>
                          </tr>
                          <g:each in="${proyectoInstance.tags}" status="i" var="tag">
                          <tr>
                            <td>${tag.nombre}</td>
                          </tr>
                          </g:each>
                        </table>
                        
                </div>
	</body>
</html>
